﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- saved from url=(0054)http://www.progs4u.net/vb/example/@font-face-css3.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>خط اندرويد</title>
<link rel="stylesheet" href="fonts.css" type="text/css" charset="utf-8" />

<style>
body { background: #eee; margin: 0 auto; text-align: right; direction: rtl; }
body { background: #eee; margin: 0 auto; text-align: right; direction: rtl; }
.box { background: none repeat scroll 0 0 #FFFFFF; border-radius: 25px 25px 25px 25px; box-shadow: 0 0 6px #87F0F2; font-family: tahoma; font-size: 16pt; margin: 20px auto; padding: 20px; width: 35%; }
.box p { text-align: left; text-shadow: 0 2px 2px gray; }
.box a { color: orange; outline: none !important; text-decoration: none;   }
</style></head><body>

<div class="box" style="font-family:tahoma; font-size:10pt; color:gray;box-shadow: 0 0 6px #B7F7C2;">
خطوط اندرويد : خطوط&nbsp; اندرويد الرائعة ، النسخ والكوفي بوزنين لكل منهما. الخطوط مجانية تحت رخصة اباتشي.
<a target="_blank" href="http://code.google.com/p/googlefontdirectory/source/browse/droidarabicnaskh">موقع المشروع</a>
</div>

<!-- demo -->
<div class="box" style="font-family:DroidKufi-Bold;">
قال صلى الله عليه وسلم: كُنْ في الدُنْيا كأنّكَ غَرِيبٌ أو عَابرَ سَبِيل
</div>

<div class="box" style="font-family:DroidKufi-Regular;">
قال صلى الله عليه وسلم: كُنْ في الدُنْيا كأنّكَ غَرِيبٌ أو عَابرَ سَبِيل
</div>

<div class="box" style="font-family:DroidNaskh-Bold;">
قال صلى الله عليه وسلم: كُنْ في الدُنْيا كأنّكَ غَرِيبٌ أو عَابرَ سَبِيل
</div>


<div class="box" style="font-family:DroidNaskh-Regular;">
قال صلى الله عليه وسلم: كُنْ في الدُنْيا كأنّكَ غَرِيبٌ أو عَابرَ سَبِيل
</div>



<div class="box" style="font-family:tahoma; font-size:10pt; color:gray;box-shadow: 0 0 6px #B7F7C2;">
<span>تحويل وتهيئة الخطوط للويب واعداد الأمثلة ..  </span><a target="_blank" href="http://www.alblogger.com" > ← مدونة البلوقر </a>
</div>



</body></html>